<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="TingGe Blog Agile agile JavaScript NodeJS">
  <meta name="author" content="TingGe<505253293@163.com>">
  <title>听歌实验室</title>
  <link type="image/x-icon" rel="shortcut icon" href="https://avatars3.githubusercontent.com/u/4074517?v=3&s=40" />
  <link rel="stylesheet" type="text/css" href="/lib/bootstrap/dist/css/bootstrap.min.css" media="screen">
  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  <link href="/css/landing-page.css" rel="stylesheet">
  <link href="/css/screenshots.css" rel="stylesheet">
  <style media="screen">
    #main {
      padding-top: 55px;
    }
  </style>
  <script type="text/javascript" src="/lib/jquery/dist/jquery.min.js"></script>
  <script type="text/javascript" src="/lib/html2canvas/dist/html2canvas.min.js"></script>
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <!-- Navigation -->
  <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
    <div class="container topnav">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand topnav" href="/">
          <i class="fa fa-flask icon-3x" aria-hidden="true"></i> 听歌实验室
        </a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="/html/js.html">JavaScript/NodeJS</a>
          </li>
          <li>
            <a href="/index.html#agile">敏捷/项目管理(Agile/PMP)</a>
          </li>
          <li>
            <a href="/html/cloud-bi.html">云商业智能(Cloud BI)</a>
          </li>
          <li>
            <a href="/html/iot.html">物联网(WoT/IoT)</a>
          </li>
          <li>
            <a href="/html/me.html">关于我</a>
          </li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
  </nav>
  <div id="main" class="container">
    <div class="row">
      <div id="article" class="col-md-9 content-container">
        <h1 id="-cloud-bi-">云商业智能(Cloud BI)</h1>
<p>本文主要是我个人的一些思考，如需转载请标明<a href="/html/cloud-bi.html">本文引用地址</a>和<a href="/html/me.html">听歌</a>签名。资料采集自互联网，如有侵权，请联系我删除。</p>
<blockquote>
<p>云BI产品和主要前端技术研究。</p>
</blockquote>
<h2 id="-">定义</h2>
<blockquote>
<p>BI：Info = Fn(Data)</p>
</blockquote>
<p>商业智能（Business Intelligence）——业界比较公认的说法是在1996年最早由<a href="http://www.gartner.com/technology/home.jsp">加特纳集团（Gartner Group）</a>提出的一个商业概念，通过应用基于事实的支持系统来辅助商业决策的制定。商业智能技术提供使企业迅速分析数据的技术和方法，包括收集、管理和分析数据，将这些数据转化为有用的信息。——取自《白话大数据与机器学习》</p>
<p>从应用上来讲，它是一套完整的解决方案，用来将企业中现有的数据进行有效的整合，快速准确的提供报表并提出决策依据，帮助企业做出明智的业务经营决策。</p>
<p>BI的作用一方面是供<strong>数据分析师</strong>／数据管理者做业务分析（数据建模、分析和应用制作），另一方面提供<strong>管理者</strong>及时有效的数据支撑，降低决策难度（应用查看、邮件等）。</p>
<p>云商业智能(Cloud BI)在数据架构中处于前端分析的位置，其核心作用是对获取数据的多维度分析、数据的切片、数据的上钻和下钻、cube等。通过ETL数据抽取、转化形成一个完整的数据仓库、然后对数据仓库的数据进行抽取，而后是商业智能的前端分析和展示。</p>
<h3 id="-">关键词</h3>
<p>数据建模、数据源、数据集、OLAP、雪花模型、星型模型、多维分析、行、列、维度、度量、上卷、下钻、cube、Dashboard、Report</p>
<h3 id="-">过程</h3>
<p>数据分析：关键词<strong>统计和概率</strong>。在平时工作中用的统计大多为计数功能，如在使用Excel时会用到 COUNT、SUM、AVERAGE等统计函数；用SQL语言对数据库的某些字段进行计数（count）、求和（sum）、求平均（avg）等函数。而概率的应用大多则是根据样本的数量以及占比得到“可能性”和“分布比例”等描述数值。</p>
<h2 id="-">产品</h2>
<h3 id="-">商业</h3>
<h4 id="-saas-">基于SaaS模式的商业智能解决方案</h4>
<table>
<thead>
<tr>
<th>产品</th>
<th>特点</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tableau Online</td>
<td>Tableau Server的托管版本，在网络浏览器或移动设备中使用交互式仪表板将每个人变成企业分析师。在评论信息中心可以分享信息，可订阅并定期获取更新</td>
</tr>
<tr>
<td>QlikView和Qlik Customer Success Framework</td>
<td>为企业提供人员，技术和服务，帮助企业逐步优化数据作为战略资源。QlikView使用自然分析来搜索和处理信息，作出洞察和决策</td>
</tr>
<tr>
<td>Birst</td>
<td>提供完整的商业智能所需的所有组件，包括数据集成，ETL服务，分析，报告，计划和交付，所有这些都可通过订阅定价模式获得。主要功能包括通过SOC 2 II审核，ISO 27001，聚合，SQL优化，MPP列存储数据库和100%多租户架构的高性能分析以及单独部署的客户数据库实例</td>
</tr>
<tr>
<td>SiSense</td>
<td>提供商业智能产品，包括由片内技术支持的后端技术，使非技术用户能够加入和分析来自多个来源的大型数据集，以及前端可视化创建(如仪表板和报告)</td>
</tr>
<tr>
<td>Kognitio Cloud</td>
<td>一种安全的私有云平台即服务，利用云计算模型，Kognitio分析平台可以按固定期限每月支付运营成本。Kognitio Cloud为客户提供商业智能(BI)解决方案，以满足其日益增长的分析需求，而传统实施的成本只有一小部分</td>
</tr>
<tr>
<td>Jaspersoft</td>
<td>AWS提供的云分析服务器，已经获得数百家从初创公司到财富500强公司的客户使用。 Jaspersoft的模块化，可扩展，基于标准的架构提供了在任何环境中轻松部署所需的灵活性。成本低到不到1美元/小时，可连接到RDS，Redshift和EMR等亚马逊数据源，10分钟内开始数据分析</td>
</tr>
<tr>
<td>BIRT</td>
<td>Actuate的SaaS产品，可在云中利用超过200GB的数据来完成商业智能分析，而且数据量每天都在增长，可广泛应用在各种各样的的设备，包括智能手机和平板电脑。BIRT的按需帐户预配置了来自亚马逊关系数据库服务RDS的数据存储，并包括安全数据传输工具以及与行业标准数据库的安全数据连接，包括日益流行的云数据源</td>
</tr>
<tr>
<td>Bime</td>
<td>为只有浏览器的企业提供快速，简单和强大的商业智能。BIME允许在同一地点连接线上和企业内部，并创建与所有数据源的连接，创建和执行查询地图，关系分析，项目符号图表和数百个定制的仪表板等</td>
</tr>
<tr>
<td>SAP Business Objects BI OnDemand</td>
<td>在软件即服务(SaaS)模型中提供了一个全面的商业智能解决方案，以实现业务的完整视图。 SAP BusinessObjects BI OnDemand在单一，直观的应用程序中通过自助服务BI和数据整合可为用户节省时间和成本。功能包括上传电子表格和/或将不同的数据源直接带入解决方案，利用软件的独特搜索和浏览功能探索数据的每个方面，创建准确，及时的仪表板和报告</td>
</tr>
<tr>
<td>MicroStrategy Cloud</td>
<td>将一流的企业BI，数据库分析和数据集成功能集成在一个服务中。 MicroStrategy BI平台的功能是按需提供的，并针对最苛刻的企业应用进行了优化。 MicroStrategy Cloud可为基础设施大大节省成本支出，无需软、硬件来维护，无需花费设置、配置、管理的成本</td>
</tr>
<tr>
<td>Domo</td>
<td>一个基于云的执行管理平台，使用户可以在一个地方直接，实时地访问他们关心的所有业务信息。任何人都能够以任何他们想要的方式发现，混搭，可视化和呈现数据</td>
</tr>
<tr>
<td>GoodData</td>
<td>支持数据治理，安全和监督以及业务用户对自助服务发现的期望。 GoodData提供完整的云BI控制，以加速实时访问，并且能够为销售、营销和客户服务提供实时访问及时准确的分析报告，而不受时间、地点的约束</td>
</tr>
<tr>
<td>Yellowfin</td>
<td>从数据到仪表板的出色分析能力。它提供提供了企业所需要的所有数据发现功能，同时在业务用户所需的易用性和企业IT的治理需求之间提供了良好的平衡</td>
</tr>
<tr>
<td>Pentaho</td>
<td>一个高度灵活的平台，用于混合，编排和分析几乎任何来源的数据，有效地跨越系统，应用程序和企业便捷。Pentaho的开放式架构和标准方面的优势，使其成为了嵌入到基于云的应用程序，并与现有企业架构保持一致的理想解决方案</td>
</tr>
<tr>
<td>IBM Cognos Analytics on Cloud</td>
<td>使用安全的商业智能软件即服务(SaaS)解决方案提供自助服务，数据治理和报告。当企业需要在Web或移动设备上保持相同的统一体验时，Cognos Analytics能够快速查找，分析，创建和共享洞察信息</td>
</tr>
<tr>
<td>SAP Lumira Cloud</td>
<td>无需IT帮助的情况下在安全的云环境中访问，可视化和共享数据。这种自助服务商务智能解决方案使用户能够通过拖放，轻松地探索信息并显示隐藏的洞察能力。功能包括在云中易于使用的自助BI，通过直观的拖放界面对数据进行可视化</td>
</tr>
<tr>
<td>TIBCO Spotfire Cloud</td>
<td>分析软件即服务，用于数据分析。在云上无需任何安装就能满足需求，企业可对数据进行不同的可视化比较，并给出建议</td>
</tr>
<tr>
<td>1010data</td>
<td>应用于云中或企业内部的大数据分析平台。可满足在高可用性系统中的企业级分析平台。</td>
</tr>
<tr>
<td>Oracle商业智能平台</td>
<td>一整套直观的BI工具。一个成熟的平台，用于为企业创建商业智能应用程序</td>
</tr>
<tr>
<td><a href="https://powerbi.microsoft.com/zh-cn/">微软 Power BI</a></td>
<td>提供了通过Excel和Power BI for Office 365提供的完整的自助服务商务智能解决方案。Excel提供数据发现，分析和可视化功能，帮助用户从其数据中识别更深入的业务洞察。 Office 365的Power BI提供了一个易于部署的基于云的BI环境，供用户从任何地方共享，协作和访问数据和报告。 2017年1月10日<a href="https://powerbi.microsoft.com/en-us/blog/power-bi-mobile-phone-reports-now-available-everywhere/">针对手机端优化的Power BI报告正式上线</a></td>
</tr>
<tr>
<td>Information Builders</td>
<td>提供多种云部署选项。移动企业级商业智能，让数据完整性流程以及与云的集成更快更容易。借助云托管服务，客户可以使用共享的公有云环境或专用的私有云资源开始使用全面的信息构建技术</td>
</tr>
<tr>
<td>Logi Analytics</td>
<td>Logi基于Web的平台和分析应用程序允许企业分析和可视化其数据，快速创建信息应用程序，并将交互式仪表板和报告直接嵌入到操作应用程序中。</td>
</tr>
<tr>
<td>Panorama Software PowerApps</td>
<td>基于Web托管和高效的OLAP(在线分析处理)平台，可以创建，管理和支持任何类型的分析场景。该平台提供API来创建OLAP多维数据集，以及从Google Apps中提供和创建自定义的面向用户的报告</td>
</tr>
<tr>
<td>Zoho Reports</td>
<td>在线报告和商业智能服务，可帮助企业分析业务数据，并创建有洞察的报告和仪表板，以便做出明智的决策</td>
</tr>
<tr>
<td>Deloitte Managed Analytics(DMA)</td>
<td>通过多个数据源提供可操作的洞察，通常不需要对内部基础架构进行大量投资</td>
</tr>
<tr>
<td>Alteryx</td>
<td>一个单一的工作流程，用于数据混合，分析和报告。此工作流程允许内部，第三方和基于云的数据的无缝混合，以及使用60种预构建工具进行空间和预测分析</td>
</tr>
<tr>
<td>Matillion</td>
<td>自助服务商业智能和分析。 Matillion用户无需技术技能就可以快速生成强大的分析和报告</td>
</tr>
<tr>
<td>Salesforce分析云</td>
<td>快速响应和交互式可视化看起来感觉更像是一个游戏而不是一个图形</td>
</tr>
<tr>
<td>Informatica</td>
<td>数据集成解决方案系列专门用于帮助SaaS应用程序。平台客户可基于云将驻留在内部数据库和系统或云应用之间的数据集成</td>
</tr>
<tr>
<td>FICO分析云</td>
<td>分析和决策管理解决方案，用于共享和协作，吸引和增长客户，管理债务和防止欺诈</td>
</tr>
<tr>
<td>SAS云分析</td>
<td>支持BI，报告和仪表板，并扩展到数据分析。通过单一界面交付，云分析支持决策树，网络图，动态预测，目标寻求和情景分析，路径分析和文本分析等</td>
</tr>
<tr>
<td>Rosslyn Analytics</td>
<td>将数据管理和分析结合在一个单一的基于云的环境中，提供更智能，更快速，更有洞察力的业务决策</td>
</tr>
<tr>
<td>Mo&#39;mix Performance Center</td>
<td>利用软件即服务(SaaS)交付模式，无需基础设施成本，而且投资回报快</td>
</tr>
<tr>
<td>Bitam</td>
<td>企业性能管理(EPM)解决方案，包括商业智能，财务规划和战略规划的SaaS服务。该软件包括创建定制和操作仪表板的能力，其中包括业务度量和关键性能指标(KPI)，用于通过图形，图表和表格来实现计划的可视化实际性能</td>
</tr>
<tr>
<td>BellaDati</td>
<td>可十分方便地从诸如Salesforce，Facebook，Google Analytics等数据仓库或 MySQL ，DB2等平台中导入数据，无需编写代码，企业用户只需简单的选择、拖拽、确认等动作即可完成数据仓库的设计并生成分析报告</td>
</tr>
<tr>
<td>RJMetrics</td>
<td>完整的分析平台，旨在帮助在线企业与数据出更明智的决策。 RJMetrics提供整合，优化和分析数据所需的所有技术</td>
</tr>
<tr>
<td>Atom BI</td>
<td>专注于帮助企业以简单和安全的方式回答业务问题。 Atom BI提供的功能包括通过分析库，仪表板访问市场上最好的和最传统的工具，并在几秒钟内通过Web构建报告和分析</td>
</tr>
<tr>
<td>Oracle Hyperion</td>
<td>提供基于云的应用程序管理，通过提供可预测的结果，提高透明度和合规性，以及使用Hyperion财务管理，Hyperion计划，Hyperion人力规划，数据关系管理等提高业务一致性，帮助客户推动盈利增长</td>
</tr>
<tr>
<td>Anaplan</td>
<td>基于云的商业建模和规划平台，用于销售，运营和财务</td>
</tr>
<tr>
<td>Chartio</td>
<td>一种商业智能服务，通过直观的拖放界面，可以从各种来源中搜索数据，从而创建交互式图表和完善的仪表板</td>
</tr>
<tr>
<td>TARGIT Cloud</td>
<td>TARGIT商务智能解决方案(TARGIT BI Suite)的补充，它可以在线共享数据和分析，并与同事一起工作。它还允许在线与企业外部的同事共享数据</td>
</tr>
<tr>
<td>Host</td>
<td>一套完整的企业性能管理应用程序。基于云的交付模型有助于提高业务敏捷性和降低成本，同时更快地部署。单个报告编写器可以生成各种财务和管理报告，并深入了解数字背后的细节</td>
</tr>
<tr>
<td>Oracle Eloqua商业智能云服务</td>
<td>Oracle Eloqua Marketing Cloud Service的强大附加功能，使数据专家和分析营销人员能够创建自定义报告，仪表板，过滤器和提示</td>
</tr>
</tbody>
</table>
<h4 id="-">其他商业产品</h4>
<table>
<thead>
<tr>
<th>产品</th>
<th>特点</th>
</tr>
</thead>
<tbody>
<tr>
<td>FineBI</td>
<td></td>
</tr>
<tr>
<td><a href="https://www.bdp.cn/home.html">海致BDP商业数据平台</a></td>
<td></td>
</tr>
<tr>
<td><a href="https://zhugeio.com/">诸葛</a></td>
<td></td>
</tr>
<tr>
<td><a href="https://data.aliyun.com/product/bi">阿里云 Quick BI  数加平台</a></td>
<td></td>
</tr>
<tr>
<td><a href="http://kyligence.io/">Kyligence</a></td>
<td>基于Apache Kylin开源项目的通用型企业级产品。 OLAP on Hadoop，主要客户群体集中在金融、电信、互联网等领域。通过SaaS服务的KyBot快速解决运维和应用问题</td>
</tr>
<tr>
<td><a href="http://www.xdatainsight.com/portal/html/home.html">xDataInsight</a></td>
<td><a href="http://www.unionbigdata.com/">成都数之联科技集团</a>的一站式敏捷大数据商业分析平台</td>
</tr>
</tbody>
</table>
<h3 id="-">开源</h3>
<table>
<thead>
<tr>
<th>产品</th>
<th>特点</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://github.com/getredash/redash">Redash</a></td>
<td>提供了基于 web 的数据库查询和数据可视化功能。 redash 提供了这么一种简单便捷的方式将这些工作标准化：在 web 页面上输入 sql 语句，使用查询返回的结果构造数据可视化图表，用户可以将这些图表结果拖动构造成自己需要的数据面板，在很大程度上可以缓解数据运维人员对前端开发人员的需求。</td>
</tr>
<tr>
<td>Pentaho</td>
<td>以工作流为核心的、强调面向解决方案而非工具组件的、基于java平台的商业智能(Business Intelligence)套件。包括一个 web server 平台和几个工具软件：报表、分析、图表、数据集成、数据挖掘等，可以说包括了商务智能的方方面面。</td>
</tr>
<tr>
<td>Jaspersoft</td>
<td>提供了灵活、可嵌入的商业智能工具</td>
</tr>
<tr>
<td>SpagoBI for Cloud</td>
<td>开源，完整和灵活的商业智能套件。SpagoBI for Cloud的优势在于无需是购买，安装，维护复杂的软硬件设备和软件，而且也无需昂贵的许可</td>
</tr>
</tbody>
</table>
<p>分析：</p>
<p>从数据角度来看，主要涵盖<strong>业务数据</strong>和用户使用产品的（脱敏后的）行为数据。一般来讲，对<strong>用户行为数据</strong>利用越充分，产品越智能。</p>
<p>从收费和市场占有量的角度来看，免费固然有利于工具型产品的推广，但<strong>产品稀缺性</strong>决定是否收费。能适应主要目标用户群体的<strong>场景</strong>，是反哺产品成长的关键。</p>
<h3 id="-">评估角度</h3>
<table>
<thead>
<tr>
<th></th>
<th>措施</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>兼容性</td>
<td>与市场主流供应商、厂商合作，通过产品双向认证</td>
<td></td>
</tr>
<tr>
<td>应用场景</td>
<td>超大规模数据分析能力，重点布局金融、电信、互联网领域， 提供用户行为分析、用户画像、资产分析管理以及数据服务平台等</td>
<td></td>
</tr>
<tr>
<td>教育成本／用户体验</td>
<td>企业客户更喜欢端到端服务</td>
<td></td>
</tr>
<tr>
<td>安全性</td>
<td>数据加密、访问控制列表、SSO</td>
</tr>
</tbody>
</table>
<h3 id="-">商业策略</h3>
<ul>
<li>开源－商业模式的主流做法（成功案例 红帽）：核心技术是完全开源的，但基于对客户使用开源产品的反馈结果，研发出符合客户需求的企业级产品，帮助客户更好地使用开源技术。</li>
<li>细分领域：切入细分领域，竞争相对较小，通用型的产品可复制性强，发展依赖开源社区</li>
<li>行业解决方案和通用型产品：通用型产品优势可减少大量研发成本，快速交付；</li>
<li>新兴领域布局：云计算</li>
</ul>
<h3 id="-">趋势</h3>
<p>关键词： 大数据、智能、自助、移动。</p>
<h4 id="-barc">知名调研机构 <a href="http://barc-research.com/research/bi-trend-monitor/">BARC</a></h4>
<p>针对BI重要趋势调研了近2800位用户、顾问和供应商。《<a href="http://barc-research.com/wp-content/uploads/2016/11/BARC_2017_BI_Trend_Monitor_web.pdf">2017年BI趋势报告</a>》的结果显示，<strong>数据可视化</strong>、<strong>自助式BI</strong>和<strong>数据质量/主数据管理</strong>被认为是BI工作中最重要的三个部分，也是当下更受关注的BI趋势。</p>
<p>Gartner 分析师们提出的未来主流BI的标准配置：</p>
<ol>
<li>敏捷集中地配置BI：支持IT人员能够分权限分内容掌控管理数据；业务人员可自助取数，可直连数据，也可链接经过ETL处理过的数据仓库，更可自助加工处理一些原本不满足需求的数据</li>
<li>分散式分析：支持各个业务部门和用户的分析自由创建不同主题的分析页面，并能协同共享</li>
<li>可控的数据的挖掘分析：保证IT平台的安全性、后台可监控用户行为、可监测平台的访问和使用状况等功能。用户处理好的数据和创建好的分析页面可共享和复用</li>
<li>嵌入式BI：支持将数据转化为可嵌入到其他流程或应用中的BI内容</li>
<li>外网部署：支持类似于针对外部客户的独立服务器部署，允许用户通过局域网和互联网访问</li>
</ol>
<h4 id="-gartner">知名调研机构 <a href="http://www.gartner.com/technology/home.jsp">Gartner</a></h4>
<p> <a href="http://www.gartner.com/technology/home.jsp">Gartner</a>的《<a href="https://www.gartner.com/doc/reprints?id=1-3TYE0CD&amp;ct=170221&amp;st=sb">商业智能和分析魔力象限</a>》也可以查看BI的趋势。</p>
<h2 id="-">主要前端技术</h2>
<p>商业智能(BI)由数据建模（数据源、维度、数据集）、数据分析（仪表板、报表）和应用（站点、分享）组成。</p>
<p>具体模块有：登录授权、权限管理(ACL\RBAC)；消息通知、向导（帮助）、反馈和第三方集成等。</p>
<p>主要功能及技术：</p>
<h4 id="-create-view-">数据可视化（Create/View）</h4>
<ul>
<li>图表组件<ul>
<li><a href="https://github.com/antvis">G2</a>、Echarts</li>
<li>富文本编辑：<a href="https://draftjs.org/">draft.js</a> + <a href="https://www.draft-js-plugins.com/">draft-js-plugins</a>、ckeditor</li>
<li>代码编辑器：<a href="https://microsoft.github.io/monaco-editor/">Monaco-Editor</a></li>
</ul>
</li>
<li>非图表组件<ul>
<li>表格：</li>
<li>拖放：<a href="https://github.com/Shopify/draggable">draggable</a></li>
</ul>
</li>
<li>布局<ul>
<li>跨屏（PC、H5）：<a href="https://github.com/STRML/react-grid-layout">react-grid-layout</a>、<a href="https://github.com/ascoders/gaea-editor">gaea-editor</a></li>
<li>大屏：<a href="https://github.com/deepstreamIO/golden-layout">golden-layout</a>、<a href="https://github.com/palantir/react-mosaic">react-mosaic</a></li>
</ul>
</li>
</ul>
<h4 id="-create-view-">报表（Create/View）</h4>
<ul>
<li>电子表格：<a href="https://jspreadsheets.com/">JSpreadsheets</a>、<a href="https://github.com/DanBricklin/socialcalc">socialcalc</a>、<a href="https://ethercalc.net/">EtherCalc</a>、<a href="https://nadbm.github.io/react-datasheet/">React datasheet</a>、<a href="http://www.gcpowertools.com.cn/">GrapeCity</a></li>
</ul>
<h4 id="-create-view-">站点搭建（Create／View）</h4>
<blockquote>
<p>站点，是一个直观反映数据分析师个人能力和品牌的地方；一个供决策者从BI获取信息来指明方向的地方。</p>
</blockquote>
<p>个人建议，参照互联网广告中在线生成 Landing Page 页做法，让用户可通过“点选+拖拽”快速建站。</p>
<p>区别是将组件内容替换为该用户下的仪表或报表。</p>
<p>重点：数据和模版隔离；站点模版包的组织方式。</p>
<p>以下提供几个参考：</p>
<ul>
<li><a href="https://www.imcreator.com/themes">IM Creator Website Builder</a></li>
<li><a href="https://woobox.com/landing-page">Woobox builder</a> </li>
<li><a href="https://snappages.com/">SnapPages</a></li>
</ul>
<p>可参考模版</p>
<ul>
<li><a href="http://www.html.am/templates/simple-website-templates/">HTML.am</a></li>
</ul>
<h4 id="-share-">数据分享（Share）</h4>
<ul>
<li>邮件（newsletter）<ul>
<li>截屏：<a href="https://github.com/GoogleChrome/puppeteer">Puppeteer</a>、<a href="https://github.com/graphcool/chromeless">Chromeless</a>、<a href="https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md">Headless Chromium</a></li>
<li><a href="http://tingge.github.io/lab/rwd-edm.html">邮件HTML模版</a>：<a href="http://foundation.zurb.com/emails.html">Ink</a>、<a href="https://github.com/mjmlio/mjml">MJML</a></li>
</ul>
</li>
<li>短消息（message）<ul>
<li>站内（公告、审批、消息等）：<a href="https://pushjs.org/">跨浏览器的桌面通知插件 Push.js</a></li>
<li><a href="https://github.com/TingGe/develop-tools#mac或linux系">IM</a>(钉钉、短信、微信)：</li>
</ul>
</li>
<li>支持BI功能模块嵌入业务系统：<ul>
<li>安全 iframe 嵌入研究：<a href="https://onlineadview.wordpress.com/2011/11/06/really-understanding-iframes/">Really Understanding iFrames</a>、</li>
</ul>
</li>
<li>二维码</li>
<li>PDF<ul>
<li><a href="https://parall.ax/products/jspdf">jsPDF</a></li>
</ul>
</li>
</ul>
<h4 id="-">数字处理&amp;可读性</h4>
<blockquote>
<p>对统计型数值的运算。计数（count）、求和（sum）、求平均（avg）的取整等</p>
</blockquote>
<ul>
<li>数字运算：<a href="https://github.com/josdejong/mathjs">Math.js</a></li>
<li>数据格式化：<a href="https://github.com/d3/d3-format">d3-format</a></li>
<li>数据导入和导出：<a href="https://github.com/knrz/CSV.js">CSV.js</a></li>
</ul>
<h4 id="-">国际化</h4>
<blockquote>
<p>G11N = I18N + L10N + T9N</p>
</blockquote>
<p>国际化需从字符、语言、标识和文本、文本排版方向、风格和布局、导航六个方面来设计，个人的一点方案： </p>
<ol>
<li>使用和设定系统 locale：通过“用户语言设置导航 ＋  <code>(navigator.language || navigator.browserLanguage).toLowerCase()</code> 获取用户浏览器默认语言”，来设定locale</li>
<li>设置 html lang属性。</li>
<li>页面中 js 读取lang加载对应语言包（如 <a href="https://github.com/yahoo/react-intl">React Intl</a>、<a href="https://github.com/alibaba/react-intl-universal">react-intl-universal</a>、AntDesign 的<code>&lt;LocalProvier&gt;</code>等）。</li>
</ol>
<p>优点：这样遵循W3C 的 <a href="https://www.w3.org/International/articles/language-tags/">Html 语义</a>，既能解决人的可读，又利于对搜索引擎的SEO。更多可参考 <a href="https://www.w3.org/International/techniques/authoring-html">W3C i18n</a></p>
<p>思考：</p>
<ol>
<li>语言包除 map 方式外，是否有更好的管理方式？</li>
<li>如何实现（无人或半人工干预的）智能语言翻译和文案优化？Todo：自然语言处理（<strong>NPL</strong>) 方案探索？</li>
<li>API 文案：<ul>
<li>根据请求头携带 lang 参数（次要的 IP 地域等）方式，响应对应语言内容</li>
<li>模仿 HTTP 状态码，根据 code 映射文案</li>
</ul>
</li>
</ol>
<h2 id="-">前端方案</h2>
<ul>
<li>组件化/模块化方案</li>
<li>视场景的，SPA、PWA和同构／<a href="https://css-tricks.com/server-side-react-rendering/">SSR</a>方案</li>
<li>微服务，<a href="http://graphql.org/">GraphQL</a></li>
<li>利用人工智能和算法，基于用户行为、业务数据分析的，智能仪表板、报表或图表生成和推荐</li>
</ul>
<h2 id="-">参考</h2>
<ul>
<li><a href="https://open-doc.dingtalk.com/docs/doc.htm?treeId=367&amp;articleId=107520&amp;docType=1">钉钉 h5 微应用开发</a></li>
<li>adelaide: <a href="https://www.adelaide.edu.au/planning/data-warehouse/">Business Intelligence</a></li>
<li>知乎：<a href="https://www.zhihu.com/question/20540118">大数据、云计算和商业智能这三者的关系到底如何，以后的发展前景有什么看法？</a></li>
<li><a href="http://www.d1net.com/software/news/457934.html">44个基于SaaS的商业智能解决方案</a></li>
<li><a href="http://www.toutiao.com/i6390605880072602114/?iid=8215432465">Gartner 2017 BI报告，微软IBM甲骨文SAP谁家哭了</a></li>
<li><a href="http://mt.sohu.com/20160506/n448010261.shtml">国内经典BI系统架构分析</a></li>
</ul>

      </div>
      <div class="col-md-3" style="padding-top:20px;">
        <iframe src="http://githubbadge.appspot.com/tingge?a=0" style="border: 0;height: 142px;width: 200px;overflow: hidden;" frameBorder="0"></iframe>
      </div>
    </div>
  </div>
  <a id="html2canvas" title="截图下载-快照">&nbsp;</a>
  <script src="/lib/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="/js/article.js" charset="utf-8"></script>
  <!-- justice.js https://github.com/okor/justice  -->
  <script src="/lib/justice.min.js" charset="utf-8"></script>
  <!-- instantclick -->
  <script src="/lib/instantclick.js" charset="utf-8"></script>
  <script type="text/javascript" data-no-instant>
    Justice.init();
  </script>
</body>

</html>
